<template>
    <el-card>
        <template #header>
            <div class="card-header flex justify-between">
                <span>{{title}}</span>
                <el-tag type="danger">{{tip}}</el-tag>
            </div>
        </template>
        <el-row :gutter="20">
            <el-col :span="6" v-for="item,index in btns" :key="index" >
                <el-card shadow="hover" class="border-0 bg-light-400">
                <div class="bg-light-300 flex flex-col items-center justify-center">
                    <span>{{item.label}}</span>
                    <span class="mt2">{{item.value}}</span>
                </div>
               </el-card>
            </el-col>
        </el-row>
    </el-card>
</template>
<script setup>
 defineProps({
    title:String,
    tip:String,
    btns:Array

})
</script>